@include mmaedia("des") {
    header {
        height: 11.25rem;

        @include flex-column("") {}

        .logo_boxx {
            width: 100%;
            height: 8.125rem;
            @include flex("") {}

            .logo_box {
                width: 75.0625rem;
                height: 100%;
                background-color: $white;

                @include flex("") {
                    justify-content: space-between;
                }

                .letf_logo_box {
                    height: 4.875rem;
                    width: 25.9375rem;
                    animation: left_to_center 1s linear;
                    img {
                        width: 100%;
                        height: 100%;
                    }

                    .left_logo_title {
                        height: 4.875rem;
                        margin-left: 1.125rem;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;

                        h1 {
                            font-family: SourceHanSerifCN;
                            // font-weight: 800;
                            font-size: 2rem;
                            color: #333333;
                        }

                        p {
                            padding: .3125rem 0;
                            width: 19.75rem;
                            font-family: SourceHanSerifCN;
                            font-weight: 300;
                            font-size: .625rem;
                            text-align: justify;
                            text-align-last: justify;
                            letter-spacing: 3PX;
                            color: #999999;
                        }
                    }
                }

                
                

                .vip_ent {
                    width: 8.75rem;
                    height: 3.125rem;

                    @include flex("") {}

                    color: $white;
                    font-family: SourceHanSansSC;
                    font-weight: 400;
                    font-size: 1rem;
                    background-color: $purple_2;
                    animation: right_to_center 1s linear;
                }

                .menu_btn {
                    display: none;
                }

            }
        }

       

        .nav_box {
            width: 100%;
            height: 3.125rem;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #02A0E7;
            animation:  bottom_to_center 0.5s linear;
            .nav_list_box {
                width: 75.0625rem;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                list-style: none;
               padding-bottom: .125rem;

                li {
                   box-sizing: content-box;
                    font-family: SourceHanSansSC;
                    font-weight: 400;
                    font-size: 1rem;
                    color: #FFFFFF;
                    line-height: 3.125rem;
                    text-align: center;
                    border-bottom: .125rem solid transparent;
                    &:hover {
                        // background-color: #0087C3;
                        color: black;
                        border-bottom: .125rem solid black;
                    }
                   
                }
    
                .sel {
                    border-bottom: .125rem solid aliceblue;
                }
            }


        }

    }

}